<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数组定义方式</title>
    <script>
        function f1(){
            // 创建一个数组对象,该数组没有初始元素,且数组长度为0
            // 在js中,数组的长度是可变的
            let arr = new Array();
            console.log("数组长度:"+arr.length);
            // 可以通过下标为数组元素赋值
            // 如果指定的下标超出了数组下标范围,会自动扩充数组
            arr[2] = 2;
            console.log("数组长度:"+arr.length);
            // 对于未赋值的元素,其值相当于声明了但是尚未赋值
            // 此时默认值为undefined
            for(let i = 0; i < arr.length; i++){
                console.log(arr[i]);
            }
        }

        function f2(){
            // 定义一个指定初始元素的数组
            let arr = new Array("admin","alice","jack");
            console.log(arr);
            arr[5] = "tom";
            console.log(arr);
        }

        function f3(){
            // 定义一个指定长度的数组
            // 其中每一个元素都是声明了但是尚未赋值
            let arr = new Array(5);
            arr[1] = 1;
            arr[2] = 2;
            arr[5] = 5;
            console.log(arr);
        }
        function f4(){
            // JSON格式语法
            // 定义一个指定初始元素的数组
            // 主流方式
            let arr = [1,2,3,4,5];
            arr[7] = 7;
            console.log(arr)
        }
    </script>
</head>
<body>
<button onclick="f1()">定义方式一</button><br>
<button onclick="f2()">定义方式二</button><br>
<button onclick="f3()">定义方式三</button><br>
<button onclick="f4()">定义方式四</button><br>
</body>
</html>